<template>
    <div>
        <pagetitle></pagetitle>
        <el-card>
            <el-form :model="pageData" class="formbox" label-width="140px" :disabled="formDisabled" label-position="right">
                <div class="formboxitem">
                    <div class="title">模块基础信息</div>
                    <el-form-item label="数字配件名称">
                        <el-input v-model="pageData.companyName" class="inputs" placeholder="请输入开放平台名称"></el-input>
                    </el-form-item>
                    <el-form-item label="产品品牌">
                        <el-input v-model="pageData.companyName" class="inputs" placeholder="请输入数字配件品牌"></el-input>
                        <span class="formTip">*请规范输入版本号</span>
                    </el-form-item>
                    <el-form-item label="设备供应商名称">
                        <el-select v-model="pageData.value" class="inputs" placeholder="请选择设备供应商">
                            <el-option label="data" value="item.value" />
                        </el-select>
                        <span class="formTip">*从已添加的供应商列表中选择</span>
                    </el-form-item>
                </div>
                <div class="formboxitem">
                    <div class="title">标准采用情况</div>
                    <el-form-item label="标准号检索">
                        <div>
                            <div class="formdubletip">
                                <div class="selectorbtn">
                                    <!-- <el-input v-model="pageData.companyName" class="selectorbtn_select" placeholder="从标准资源中检索标准的引用标准"></el-input>
                                    <div class="selectorbtn_btn">检索</div> -->
                                    <el-select v-model="pageData.value" class="selectorbtn_select selectorbtn_select_option" placeholder="请选择标准类型">
                                        <el-option label="国家标准" value="item.value" />
                                        <el-option label="地方标准" value="item.value" />
                                        <el-option label="行业标准" value="item.value" />
                                    </el-select>
                                    <el-input
                                        v-model="pageData.companyName"
                                        class="selectorbtn_select_center_input"
                                        placeholder="从标准资源中检索标准的引用标准"
                                    ></el-input>
                                    <div class="selectorbtn_btn">检索</div>
                                </div>
                                <span class="formTip">*从标准资源库中检索</span>
                            </div>
                            <div class="formdubletiptext">免责声明：本平台标准资料仅供参考，使用标准请正式版的标准版本为准</div>
                        </div>
                    </el-form-item>
                </div>
                <div class="formboxitem">
                    <div class="title">端口信息</div>
                    <el-form-item label="输出信号类型">
                        <div class="selectorbtn">
                            <el-select v-model="pageData.value" class="selectorbtn_select" placeholder="请选择输出信号类型">
                                <el-option label="data" value="item.value" />
                            </el-select>
                            <div class="selectorbtn_btn">添加</div>
                        </div>
                    </el-form-item>
                </div>
                <div class="formboxitem">
                    <div class="title">参数信息</div>
                    <el-form-item label="通用参数表">
                        <div style="width: 100%">
                            <el-table :data="[{}]" style="width: 100%" class="configurationtable">
                                <el-table-column label="通用参数名称"></el-table-column>
                                <el-table-column label="通用参数"></el-table-column>
                                <el-table-column label="操作" width="70">
                                    <template #default>
                                        <el-button type="primary" size="small" link>删除</el-button>
                                    </template>
                                </el-table-column>
                            </el-table>
                            <div class="formdubletiptext">通用参数表是同一产品具有的共同参数性质</div>
                        </div>
                    </el-form-item>
                </div>
                <div class="formboxitem">
                    <div class="title">检验报告</div>
                    <el-form-item label="报告列表">
                        <div style="width: 100%">
                            <el-table :data="[{}]" style="width: 100%" class="configurationtable">
                                <el-table-column label="报告编组"></el-table-column>
                                <el-table-column label="报告名称"></el-table-column>
                                <el-table-column label="检验报告单位"></el-table-column>
                                <el-table-column label="报告状态"></el-table-column>
                                <el-table-column label="检验日期"></el-table-column>
                                <el-table-column label="检验日期"></el-table-column>
                                <el-table-column label="操作" width="190">
                                    <template #default>
                                        <el-button type="primary" size="small" link>上传附件</el-button>
                                        <el-button type="primary" size="small" link>查看附件</el-button>
                                        <el-button type="primary" size="small" link>删除</el-button>
                                    </template>
                                </el-table-column>
                            </el-table>
                            <div class="formdubletiptext">免责声明：本检验报告资料仅供参考，使用正式版的标准版为准</div>
                        </div>
                    </el-form-item>
                </div>
                <div class="formboxitem">
                    <div class="title">介绍图片</div>
                    <el-form-item label="">
                        <div>
                            <div class="uploadFiletitle">设备及介绍图片</div>
                            <uploadFile
                                :fileUrl="pageData.cardHold"
                                @callBack="uploadFiles"
                                tableItem="cardHold"
                                width="288px"
                                height="168px"
                                text="+添加图片"
                                bottom="30"
                                top="30"
                                :showIcon="false"
                            ></uploadFile>
                            <span>*上传图片格式要求：JPG、JPEG、BMP、PNG，不超过10M。</span>
                        </div>
                    </el-form-item>
                </div>

                <div class="formboxitem">
                    <div class="title">支撑文件</div>
                    <el-form-item label="支称文件检索">
                        <div class="selectorbtn">
                            <el-input v-model="pageData.companyName" class="selectorbtn_select" placeholder=""></el-input>
                            <div class="selectorbtn_btn">检索</div>
                        </div>
                        <span class="formTip">*从支撑文件库中检索</span>
                    </el-form-item>
                    <el-form-item label="报告列表">
                        <div style="width: 100%">
                            <el-table :data="[{}]" style="width: 100%" class="configurationtable">
                                <el-table-column label="发布日期"></el-table-column>
                                <el-table-column label="支撑文件名称"></el-table-column>
                                <el-table-column label="支撑文件发布单位"></el-table-column>
                                <el-table-column label="支撑文件版本号"></el-table-column>
                                <el-table-column label="文件状态"></el-table-column>
                                <el-table-column label="操作" width="190">
                                    <template #default>
                                        <el-button type="primary" size="small" link>上传附件</el-button>
                                        <el-button type="primary" size="small" link>查看附件</el-button>
                                        <el-button type="primary" size="small" link>删除</el-button>
                                    </template>
                                </el-table-column>
                            </el-table>
                            <div class="formdubletiptext">免责声明：本检验报告资料仅供参考，使用正式版的标准版为准</div>
                        </div>
                    </el-form-item>
                </div>
                <div class="formboxitem">
                    <div class="title">产地及补充信息</div>
                    <el-form-item label="平台发布单位">
                        <el-input v-model="pageData.companyName" disabled class="inputs" placeholder=""></el-input>
                        <span class="formTip">*自动填入当前团队，不可修改</span>
                    </el-form-item>
                    <el-form-item label="生产地址">
                        <addRess class="inputs" placeholder="请选择地址"></addRess>
                        <!-- <el-input v-model="pageData.companyName" class="inputs" placeholder="请输入具体地址"></el-input> -->
                    </el-form-item>
                    <el-form-item label="">
                        <!-- <addRess class="inputs" placeholder="请选择地址" style="margin-bottom: 15px"></addRess> -->
                        <el-input v-model="pageData.companyName" class="inputs" placeholder="请输入具体地址"></el-input>
                    </el-form-item>
                    <el-form-item label="供应商设备地址">
                        <el-input v-model="pageData.companyName" class="inputs" placeholder="请输入数字配件介绍网址"></el-input>
                        <span class="formTip">*选填，仅用于材料采购用</span>
                    </el-form-item>
                    <el-form-item label="补充说明">
                        <el-input v-model="pageData.companyName" :rows="4" type="textarea" resize="none" placeholder="请输入补充说明"></el-input>
                    </el-form-item>
                </div>
                <div class="formboxitem">
                    <el-button class="submitbtn" text bg>返回</el-button>
                    <el-button class="submitbtn" text bg>新增</el-button>
                </div>
            </el-form>
        </el-card>
    </div>
</template>
<script lang="ts" setup>
// import mars3d from "@/components/mars3d.vue";
import { ref } from "vue";
import { useRouter, useRoute } from "vue-router";

// import mars3d from "@/views/editorMap/index.vue";

// import { companyInfo } from "@/api/team";
const router = useRouter();
const route = useRoute();

console.log(route.query.t);
route.meta.title = `新增${route.query.t}`;
const cardType = ref(["完全公开", "不公开"]);
const pageData: any = ref({});

console.log(route);
// 页面类型
const pageType = route.query;
const formDisabled = ref(false);
const uploadFiles = () => {};
</script>
<!-- <style lang="scss" scoped>
.formbox {
    padding-top: 10px;
    .formboxitem {
        border-bottom: 1px solid #eeeeee;
        // padding-left: 60px;
        padding-bottom: 5px;
        margin-bottom: 30px;
        &:last-child {
            border: none;
        }
        .uploadFiletitle {
            text-align: center;
            width: 288px;
        }
        .formdubletip {
            display: flex;
            justify-content: flex-start;
            align-items: center;
        }
        .formdubletiptext {
            font-size: 12px;
            color: #333333;
        }
        .submitbtn {
            width: 88px;
        }
        .title {
            font-size: 18px;
            color: #333333;
            font-weight: 500;
            margin-bottom: 30px;
        }
        .inputs {
            width: 500px;
            margin-right: 15px;
        }

        span {
            font-size: 12px;
            color: #999999;
            margin-left: -5px;
        }
        // .uploadcertificateTitle {
        //     color: #666666;
        //     font-size: 12px;
        //     margin-top: 10px;
        // }
        // .classfiy {
        //     width: 500px;
        //     min-height: 32px;
        //     border-radius: 5px;
        //     opacity: 1;
        //     border: 1px solid var(--el-border-color);
        // }
        .selectorbtn {
            display: flex;
            justify-content: flex-start;
            align-items: center;
            margin-right: 20px;
            .selectorbtn_select {
                width: 452px;
            }
            .selectorbtn_select_option {
                width: 124px;
            }
            .selectorbtn_select_center_input {
                width: 328px;
            }
            .selectorbtn_btn {
                width: 48px;
                height: 32px;
                border: 1px solid var(--el-border-color);
                border-radius: 0 5px 5px 0;
                text-align: center;
                line-height: 32px;
                cursor: pointer;
                color: #333333;
                font-size: 14px;
            }
        }
    }
}
</style> -->
